<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%-- 引入公共的配置jsp页面 --%>
<%@ include file="/common/jsp/header.jsp"%>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Splunk 事件列表页</title>
    <link href="${path }/common/plugins/bootstrap-combobox/bootstrap-combobox.css" rel="stylesheet" type="text/css">
    <script src="${path }/common/plugins/bootstrap-combobox/bootstrap-combobox.js"></script>
    <link href="${path }/common/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css" rel="stylesheet">
    <script src="${path }/common/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js" type="text/javascript"></script>
    <script src="${path}/conf/event_message.js"></script>
    <script src="${path}/common/js/shared.js"></script>
    <script src="js/event_list.js"></script>
    <style>
        .color{color:#5F62EC;}
    </style>
</head>
<body>
<div class="content">
    <div class="control-title">
        <div class="title_left">
            <span>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-biaoti"></use>
                </svg>
            </span>
            事件列表页
        </div>
    </div>
    <div class="content_condition">
        <form class="form-horizontal">
            <div class="form-group">
                <label>事件分类:</label>
                <select id="eventSort" class="form-control">
                    <option value="">请选择...</option>
                    <c:forEach items="${nameList}" var="eventSort">
                        <option value="${eventSort}">${eventSort}</option>
                    </c:forEach>
                </select>
            </div>
            <div class="form-group">
                <label>事件分级</label>
                <select id="eventType" class="form-control">
                </select>
            </div>
            <div class="form-group">
                <label>事件owner:</label>
                <select id="eventOwner" class="form-control">

                </select>
            </div>
            <div class="form-group">
                <label>事件状态:</label>
                <select id="eventState" class="form-control">
                    <option value="">请选择...</option>
                    <option value="0">处理中</option>
                    <option value="1">已关闭</option>
                </select>
            </div>
            <div class="form-group">
                <label>威胁级别:</label>
                <select id="threatLevel" class="form-control">
                    <option value="">请选择...</option>
                    <option value="1">一级(高)</option>
                    <option value="2">二级(中)</option>
                    <option value="3">三级(低)</option>
                </select>
            </div>
            <div class="form-group">
                <label>开始日期</label>
                <div class='input-group date' id='datetimepicker1'>
                    <input id="earliest" type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
            <div class="form-group">
                <label>结束日期</label>
                <div class='input-group date    ' id='datetimepicker2'>
                    <input id="latest" type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
            <div class="form-group btnbox">
                <button type="button" class="btn btn-primary">查询</button>
            </div>
            <div class="clearfloat"></div>
        </form>
    </div>
    <div id="eventTable" class="content_table">

    </div>
    <br/>
    <br/>
    <div id="alertTable" class="content_table">

    </div>
    <br/>
    <br/>
    <div id="moreAlertTable" class="content_table">

    </div>
    <br/>
    <br/>
    <div id="logTable" class="content_table">

    </div>
    <%--展示原始日志--%>
    <div id="detailsTable" class="content_table">

    </div>

</div>
</body>
</html>
